<template>
  <div class="receipt-info">
    <div class="info-list">
      <div class="left">产品类型</div>
      <div class="right">{{productType?productType.name:''}}</div>
    </div>
    <div class="info-list">
      <div class="left">产品编号</div>
      <div class="right">{{productType?productType.type_number:''}}</div>
    </div>
    <div class="info-list">
      <div class="left">产品简介</div>
      <div class="right">{{productType?productType.intro:''}}</div>
    </div>
    <div class="info-list">
      <div class="left">产品图片</div>
      <div class="right" v-if="productType">
        <CustomImage  :src="productType?productType.image_url:''"  :errortype="true" style="width: 100px;height: 100px;"/>
      </div>
    </div>
    <div class="info-list">
      <div class="left">质保规则</div>
      <div class="right">

        <div class="right">质保开始日期：{{productType?productType.warranty_start_type==='date_check'?'验收日期':'购买日期':''}}</div>
        <div class="right" style="margin-top: 10px">质保时长：{{productType?productType.warranty_start_unit==='month'?`${productType.warranty_cycle_count+'月'}`:`${productType.warranty_cycle_count+'年'}`:''}}</div>
      </div>
    </div>
  </div>
</template>

<script>
import CustomImage from "@/components/CustomImage.vue";
export default {
  props:['productType'],
  components:{
    CustomImage
  },
  data() {
    return {
      //服务效率
      efficiency:0,
      //服务态度
      attitude:0,
      //客户满意度
      satisfaction:0,
      value: "",
      tableData: [
        { t1: 0.00, t2: 0.00, t3: 0, t4: 0.00 }
      ],
      value1: 3
    }
  },
}
</script>

<style lang="scss" scoped>
.info-list {
  margin-top: 35px;
  display: flex;

  .left {
    width: 100px;
  }
}

.t1 {
  display: flex;
  margin-bottom: 20px;

  span {
    width: 100px;
  }

  &:nth-child(3) {
    margin-bottom: 0;
  }
}

.customer-name {
  width: 300px;
  height: 120px;
  border: 1px solid #eeeeee;
}
</style>
